<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<div class="inner1" @click="inner1">
				inner1
				<div class="inner2" @click="inner2">
					inner2
					<div class="inner3" @click="inner3">
						inner3
						<div class="inner4" @click.stop.once="inner4">
							inner4
							
						</div>
					</div>
				</div>
			</div>
		</div>
			<script src="./node_modules/vue/dist/vue.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
				let app=new Vue({
					el:"#app",
					methods:{
						inner1(){
							console.log('inner1');
						},
						inner2(){
							console.log('inner2');
						},
						inner3(){
							console.log('inner3');
						},
						inner4(){
							console.log('inner4');
						}
					}
				})
			</script>
	</body>
</html>
